<header class="page-header clearfix">
    <h4><i class="fa fa-file-image-o"></i>我的镜像</h4>
</header>
<section>
    <form class="image-toolbar clearfix" novalidate ng-submit="list.search()">
        <div class="btn-group">
            <button type="button" ng-repeat="opt in ::list.imageTypeList" class="btn btn-default"
                    ng-class="{'btn-info': opt.type == list.filter.imageType}"
                    ng-click="list.setImageType(opt.type)">{{::opt.name}}
            </button>
        </div>
        <div class="input-group">
            <input type="text" maxlength="50" class="form-control" ng-model="list.filter.imageName" placeholder="请输入镜像名称"/>
            <div class="input-group-btn">
                <button type="submit" class="btn btn-default">
                    <i class="fa fa-search"/></button>
            </div>
        </div>
    </form>
    <div class="image-container clearfix">
        <a ui-sref="docker-image-detail({imageId: elem.id})" ng-repeat="elem in list.table" class="panel">
            <div class="cell-config">配置管理</div>
            <div class="panel-body">

                <div class="cell-image" ng-class="{'image-app': elem.imagepath.indexOf('default') == 0 }">
                    <img ng-src="./images/docker-icon/{{::elem.imagepath}}"/></div>
                <div><div>{{::elem.imageName}}</div><span>{{::elem.ntypeName}}</span></div>
                <div class="cell-action"><i class="fa fa-angle-right"/></div>
                <div>
                    <ul class="list-inline">
                        <li><span class="margin-right-5">更新时间:</span>{{::elem.lastUpdateTime | date:'yyyy-MM-d HH:mm:ss'}}</li>
                        <li><span class="margin-right-5">最新版本:</span>{{::elem.version}}</li>
                    </ul>
                </div>
            </div>
        </a>
        <div class="loading" ng-show="!list.table"></div>
        <div ng-show="list.table" class="pagination-group">
            <ui-pagination-info items-per-page="10" items-per-page-select="false"
                                total-items="list.page.totalItems"
                                current-page="list.page.currentPage"></ui-pagination-info>
            <button type="button" ng-click="list.getList()" class="btn btn-default btn-refresh"><i
                    class="fa fa-refresh"></i></button>
            <ui-pagination items-per-page="10" total-items="list.page.totalItems"
                           ng-model="list.page.currentPage" ng-change="list.getList()"></ui-pagination>
        </div>
    </div>
</section>